<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title>友宝后台管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
	content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
<meta name="author" content="Muhammad Usman">

<!-- The styles -->
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
<style type="text/css">
body {
	padding-bottom: 40px;
}

.sidebar-nav {
	padding: 9px 0;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/charisma-app.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
<link href='css/fullcalendar.css' rel='stylesheet'>
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
<link href='css/chosen.css' rel='stylesheet'>
<link href='css/uniform.default.css' rel='stylesheet'>
<link href='css/colorbox.css' rel='stylesheet'>
<link href='css/jquery.cleditor.css' rel='stylesheet'>
<link href='css/jquery.noty.css' rel='stylesheet'>
<link href='css/noty_theme_default.css' rel='stylesheet'>
<link href='css/elfinder.min.css' rel='stylesheet'>
<link href='css/elfinder.theme.css' rel='stylesheet'>
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
<link href='css/opa-icons.css' rel='stylesheet'>
<link href='css/uploadify.css' rel='stylesheet'>

<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
	  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

<!-- The fav icon -->
<link rel="shortcut icon" href="img/favicon.ico">

</head>

<body onload="init()">
	<s:include value="header.jsp" />
	<!-- topbar ends -->
	<div class="container-fluid">
		<div class="row-fluid">

			<s:include value="left.jsp" />

			<div id="content" class="span10">
				<!-- content starts -->
				<div>
					<ul class="breadcrumb">
						<li><a href="index">主页</a> <span class="divider">/</span></li>
						<li><a href="#">网点信息</a></li>
					</ul>
				</div>
				
				<a href="branchAdd.jsp" class="btn btn-large"><i class="icon-download-alt"></i>新增网点</a>
				
				<form action="getAllSearchBranch" method="post" style="margin-top:20px" name="creator">
				省份 <select name="branchProvince" onChange = "select()" style="width: 100px;"></select>
				城市 <select id="branchCity" name="branchCity" onChange = "select()" style="width: 100px;"></select>
				代理商<select id="agentID" name="agentID" style="width: 100px;">
						<option value="0"></option>
						<s:iterator value="agents" status="st">
							<option value="<s:property value="id" />">
								<s:property value="name" />
							</option>
						</s:iterator>
					</select>
				名称<input style="width: 100px;" name="branchName" type="text" />
				<button class="btn btn-primary type="submit">查询</button>
				</form>
				
				<div class="row-fluid" style="margin-top:20px">
					<table
						class="table table-striped table-bordered bootstrap-datatable datatable dataTable">
						<thead>
							<tr role="row">
								<th class="sorting_asc" role="columnheader" tabindex="0"
									aria-controls="DataTables_Table_0" rowspan="1" colspan="1">序号</th>
								<th class="sorting" role="columnheader" tabindex="0"
									aria-controls="DataTables_Table_0" rowspan="1" colspan="1">名称</th>
								<th class="sorting" role="columnheader" tabindex="0"
									aria-controls="DataTables_Table_0" rowspan="1" colspan="1">省份</th>
								<th class="sorting" role="columnheader" tabindex="0"
									aria-controls="DataTables_Table_0" rowspan="1" colspan="1">城市</th>
								<th class="sorting" role="columnheader" tabindex="0"
									aria-controls="DataTables_Table_0" rowspan="1" colspan="1">代理商</th>
								<th class="sorting" role="columnheader" tabindex="0"
									aria-controls="DataTables_Table_0" rowspan="1" colspan="1">是否支持跨区存件</th>
								<th class="sorting" role="columnheader" tabindex="0"
									aria-controls="DataTables_Table_0" rowspan="1" colspan="1">操作</th>
							</tr>
						</thead>

						<tbody>
							<s:iterator value="branchs" status="st">
								<tr class="odd">
									<td class="center "><s:property value="#st.index+1" /></td>
									<td class="center "><s:property value="branchName" /></td>
									<td class="center "><s:property value="branchProvince"/></td>
									<td class="center "><s:property value="branchCity"/></td>
									<td class="center "><s:property value="agent.name"/></td>
									<td class="center ">
									<s:if test="isAcross==0">不支持</s:if>
									<s:elseif test="isAcross==1">支持</s:elseif>
									<s:else>=_+</s:else>
									</td>
									<td class="center "> 
										<a href="getBranchAgentList?branchID=<s:property value="branchId" />&agentID=<s:property value="agent.id"/>">
											网点详情
										</a>|
										<a href="getBranchById?branchID=<s:property value="branchId" />">
											修改
										</a>|
										<a href="deleteBranch?branchID=<s:property value="branchId" />" onclick="return confirm('若有箱格处于占用状态则无法删除，是否继续？')">
											删除
										</a>|
										<a href="getAllExpense?branchID=<s:property value="branchId" />&agentID=<s:property value="agent.id"/>">
											查询授权快递网点详情
										</a>
									</td>
								</tr>
							</s:iterator>
						</tbody>
					</table>
				</div>
				<!-- content ends -->
			</div>
			<!--/#content.span10-->
		</div>
		<!--/fluid-row-->

		<hr>

	<s:include value="footer.jsp" />

	</div>
	<!--/.fluid-container-->

	<!-- external javascript
	================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->

	<!-- jQuery -->
	<script src="js/jquery-1.7.2.min.js"></script>
	<!-- jQuery UI -->
	<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
	<!-- transition / effect library -->
	<script src="js/bootstrap-transition.js"></script>
	<!-- alert enhancer library -->
	<script src="js/bootstrap-alert.js"></script>
	<!-- modal / dialog library -->
	<script src="js/bootstrap-modal.js"></script>
	<!-- custom dropdown library -->
	<script src="js/bootstrap-dropdown.js"></script>
	<!-- scrolspy library -->
	<script src="js/bootstrap-scrollspy.js"></script>
	<!-- library for creating tabs -->
	<script src="js/bootstrap-tab.js"></script>
	<!-- library for advanced tooltip -->
	<script src="js/bootstrap-tooltip.js"></script>
	<!-- popover effect library -->
	<script src="js/bootstrap-popover.js"></script>
	<!-- button enhancer library -->
	<script src="js/bootstrap-button.js"></script>
	<!-- accordion library (optional, not used in demo) -->
	<script src="js/bootstrap-collapse.js"></script>
	<!-- carousel slideshow library (optional, not used in demo) -->
	<script src="js/bootstrap-carousel.js"></script>
	<!-- autocomplete library -->
	<script src="js/bootstrap-typeahead.js"></script>
	<!-- tour library -->
	<script src="js/bootstrap-tour.js"></script>
	<!-- library for cookie management -->
	<script src="js/jquery.cookie.js"></script>
	<!-- calander plugin -->
	<script src='js/fullcalendar.min.js'></script>
	<!-- data table plugin -->
	<script src='js/jquery.dataTables.min.js'></script>

	<!-- chart libraries start -->
	<script src="js/excanvas.js"></script>
	<script src="js/jquery.flot.min.js"></script>
	<script src="js/jquery.flot.pie.min.js"></script>
	<script src="js/jquery.flot.stack.js"></script>
	<script src="js/jquery.flot.resize.min.js"></script>
	<!-- chart libraries end -->

	<!-- select or dropdown enhancer -->
	<script src="js/jquery.chosen.min.js"></script>
	<!-- checkbox, radio, and file input styler -->
	<script src="js/jquery.uniform.min.js"></script>
	<!-- plugin for gallery image view -->
	<script src="js/jquery.colorbox.min.js"></script>
	<!-- rich text editor library -->
	<script src="js/jquery.cleditor.min.js"></script>
	<!-- notification plugin -->
	<script src="js/jquery.noty.js"></script>
	<!-- file manager library -->
	<script src="js/jquery.elfinder.min.js"></script>
	<!-- star rating plugin -->
	<script src="js/jquery.raty.min.js"></script>
	<!-- for iOS style toggle switch -->
	<script src="js/jquery.iphone.toggle.js"></script>
	<!-- autogrowing textarea plugin -->
	<script src="js/jquery.autogrow-textarea.js"></script>
	<!-- multiple file upload plugin -->
	<script src="js/jquery.uploadify-3.1.min.js"></script>
	<!-- history.js for cross-browser state change on ajax -->
	<script src="js/jquery.history.js"></script>
	<!-- application script for Charisma demo -->
	<script src="js/charisma.js"></script>
	<%-- <script type="text/javascript">
		$("#branchCity").change(function(){
			var content="";
			$.ajax({
			 url:"getAgentByCity?branchCity="+$(this).val(),
			 dataType:"json",
			 success: function(data) {
						$("#agentID").empty();
						for(var i=0;i<data.length;i++){
							console.log("agent: "+data[i].name);
							content+="<option value='"+data[i].id+"'>"+data[i].name+"</option>";
						}
						$("#agentID").html(content);
				 }
			});
		});
	</script> --%>
	<script language="javascript">
		var where = new Array(35);
		function comefrom(loca, locacity) {
			this.loca = loca;
			this.locacity = locacity;
		}
		where[0] = new comefrom("请选择省份", "请选择城市");
		where[1] = new comefrom("北京",
				"|东城|西城|崇文|宣武|朝阳|丰台|石景山|海淀|门头沟|房山|通州|顺义|昌平|大兴|平谷|怀柔|密云|延庆");
		where[2] = new comefrom("上海",
				"|黄浦|卢湾|徐汇|长宁|静安|普陀|闸北|虹口|杨浦|闵行|宝山|嘉定|浦东|金山|松江|青浦|南汇|奉贤|崇明");
		where[3] = new comefrom("天津",
				"|和平|东丽|河东|西青|河西|津南|南开|北辰|河北|武清|红挢|塘沽|汉沽|大港|宁河|静海|宝坻|蓟县");
		where[4] = new comefrom(
				"重庆",
				"|万州|涪陵|渝中|大渡口|江北|沙坪坝|九龙坡|南岸|北碚|万盛|双挢|渝北|巴南|黔江|长寿|綦江|潼南|铜梁|大足|荣昌|壁山|梁平|城口|丰都|垫江|武隆|忠县|开县|云阳|奉节|巫山|巫溪|石柱|秀山|酉阳|彭水|江津|合川|永川|南川");
		where[5] = new comefrom("河北", "|石家庄|邯郸|邢台|保定|张家口|承德|廊坊|唐山|秦皇岛|沧州|衡水");
		where[6] = new comefrom("山西", "|太原|大同|阳泉|长治|晋城|朔州|吕梁|忻州|晋中|临汾|运城");
		where[7] = new comefrom("内蒙古",
				"|呼和浩特|包头|乌海|赤峰|呼伦贝尔盟|阿拉善盟|哲里木盟|兴安盟|乌兰察布盟|锡林郭勒盟|巴彦淖尔盟|伊克昭盟");
		where[8] = new comefrom("辽宁",
				"|沈阳|大连|鞍山|抚顺|本溪|丹东|锦州|营口|阜新|辽阳|盘锦|铁岭|朝阳|葫芦岛");
		where[9] = new comefrom("吉林", "|长春|吉林|四平|辽源|通化|白山|松原|白城|延边");
		where[10] = new comefrom("黑龙江",
				"|哈尔滨|齐齐哈尔|牡丹江|佳木斯|大庆|绥化|鹤岗|鸡西|黑河|双鸭山|伊春|七台河|大兴安岭");
		where[11] = new comefrom("江苏",
				"|南京|镇江|苏州|南通|扬州|盐城|徐州|连云港|常州|无锡|宿迁|泰州|淮安");
		where[12] = new comefrom("浙江", "|杭州|宁波|温州|嘉兴|湖州|绍兴|金华|衢州|舟山|台州|丽水");
		where[13] = new comefrom("安徽",
				"|合肥|芜湖|蚌埠|马鞍山|淮北|铜陵|安庆|黄山|滁州|宿州|池州|淮南|巢湖|阜阳|六安|宣城|亳州");
		where[14] = new comefrom("福建", "|福州|厦门|莆田|三明|泉州|漳州|南平|龙岩|宁德");
		where[15] = new comefrom("江西", "|南昌市|景德镇|九江|鹰潭|萍乡|新馀|赣州|吉安|宜春|抚州|上饶");
		where[16] = new comefrom("山东",
				"|济南|青岛|淄博|枣庄|东营|烟台|潍坊|济宁|泰安|威海|日照|莱芜|临沂|德州|聊城|滨州|菏泽");
		where[17] = new comefrom("河南",
				"|郑州|开封|洛阳|平顶山|安阳|鹤壁|新乡|焦作|濮阳|许昌|漯河|三门峡|南阳|商丘|信阳|周口|驻马店|济源");
		where[18] = new comefrom("湖北",
				"|武汉|宜昌|荆州|襄樊|黄石|荆门|黄冈|十堰|恩施|潜江|天门|仙桃|随州|咸宁|孝感|鄂州");
		where[19] = new comefrom("湖南",
				"|长沙|常德|株洲|湘潭|衡阳|岳阳|邵阳|益阳|娄底|怀化|郴州|永州|湘西|张家界");
		where[20] = new comefrom("广东",
				"|广州|深圳|珠海|汕头|东莞|中山|佛山|韶关|江门|湛江|茂名|肇庆|惠州|梅州|汕尾|河源|阳江|清远|潮州|揭阳|云浮");
		where[21] = new comefrom("广西",
				"|南宁|柳州|桂林|梧州|北海|防城港|钦州|贵港|玉林|南宁地区|柳州地区|贺州|百色|河池");
		where[22] = new comefrom("海南", "|海口|三亚");
		where[23] = new comefrom("四川",
				"|成都|绵阳|德阳|自贡|攀枝花|广元|内江|乐山|南充|宜宾|广安|达川|雅安|眉山|甘孜|凉山|泸州");
		where[24] = new comefrom("贵州", "|贵阳|六盘水|遵义|安顺|铜仁|黔西南|毕节|黔东南|黔南");
		where[25] = new comefrom("云南",
				"|昆明|大理|曲靖|玉溪|昭通|楚雄|红河|文山|思茅|西双版纳|保山|德宏|丽江|怒江|迪庆|临沧");
		where[26] = new comefrom("西藏", "|拉萨|日喀则|山南|林芝|昌都|阿里|那曲");
		where[27] = new comefrom("陕西", "|西安|宝鸡|咸阳|铜川|渭南|延安|榆林|汉中|安康|商洛");
		where[28] = new comefrom("甘肃",
				"|兰州|嘉峪关|金昌|白银|天水|酒泉|张掖|武威|定西|陇南|平凉|庆阳|临夏|甘南");
		where[29] = new comefrom("宁夏", "|银川|石嘴山|吴忠|固原");
		where[30] = new comefrom("青海", "|西宁|海东|海南|海北|黄南|玉树|果洛|海西");
		where[31] = new comefrom("新疆",
				"|乌鲁木齐|石河子|克拉玛依|伊犁|巴音郭勒|昌吉|克孜勒苏柯尔克孜|博尔塔拉|吐鲁番|哈密|喀什|和田|阿克苏");
		where[32] = new comefrom("香港", "");
		where[33] = new comefrom("澳门", "");
		where[34] = new comefrom("台湾",
				"|台北|高雄|台中|台南|屏东|南投|云林|新竹|彰化|苗栗|嘉义|花莲|桃园|宜兰|基隆|台东|金门|马祖|澎湖");
		where[35] = new comefrom("其它", "|北美洲|南美洲|亚洲|非洲|欧洲|大洋洲");
		function select() {
			with (document.creator.branchProvince) {
				var loca2 = options[selectedIndex].value;
			}
			for (var i = 0; i < where.length; i++) {
				if (where[i].loca == loca2) {
					loca3 = (where[i].locacity).split("|");
					for (var j = 0; j < loca3.length; j++) {
						with (document.creator.branchCity) {
							length = loca3.length;
							options[j].text = loca3[j];
							options[j].value = loca3[j];
						}
					}
					break;
				}
			}
		}
		function init() {
			with (document.creator.branchProvince) {
				length = where.length;
				for (var k = 0; k < where.length; k++) {
					options[k].text = where[k].loca;
					options[k].value = where[k].loca;
				}
				options[selectedIndex].text = where[0].loca;
				options[selectedIndex].value = where[0].loca;
			}
			with (document.creator.branchCity) {
				loca3 = (where[0].locacity).split("|");
				length = loca3.length;
				for (var l = 0; l < length; l++) {
					options[l].text = loca3[l];
					options[l].value = loca3[l];
				}
				options[selectedIndex].text = loca3[0];
				options[selectedIndex].value = loca3[0];
			}
		}
	</script>
</body>
</html>
